<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <link rel="stylesheet" href="indexCon_0/css/main.css">
    </head>
    <body class="um-vp bc-bg" ontouchstart>
        <div class="ub ub-ver ub-fv">
            <!--top-->
            <div class="ub-fh" style="z-index:100;">
                <div class="uinn-a1">
                    <form onsubmit="alert('submit')">
                        <div class="ub ub-ac uc-a1 uinput c-wh-ele uinn-ele2">
                            <div class="uwh-ele1 ub-img ele-search"></div>
                            <div class="ub-f1 uinn1">
                                <input placeholder="search" type="search" class="ulev-ele">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div id='' class='uh-ele1 ub-fh t-bla uof' style="margin-top:-3.2em;">
                <div id='slider' class='slider'></div>

            </div>
         <div id="listview"  class="ubt bc-border sc-bg">
         </div>
   
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
        <script src="js/appcan.slider.js"></script>
   <script src="js/appcan.listview.js"></script>
 </body>
    <script>
        appcan.ready(function() {
            //appcan.initBounce();
            adImg();
        })
        function adImg() {
            //广告图片轮播
            var slider = appcan.slider({
                selector : '#slider',
                aspectRatio : 9 / 16,
                hasLabel : false,
                index : 0
            });
            slider.set([{
                img : "indexCon_0/css/myImg/m1.jpg"
            }, {
                img : "indexCon_0/css/myImg/m2.jpg"
            },{img: "indexCon_0/css/myImg/m3.jpg"
                
            },{img: "indexCon_0/css/myImg/m4.jpg"
                
            },{img: "indexCon_0/css/myImg/m5.jpg"
                
            }])
            slider.on("clickItem", function(index, data) {
                console.log(index, data);

            })
        }
       var lv = appcan.listview({
        selector : "#listview",
        type : "thickLine",
        hasIcon : true,
        hasAngle : true,
        hasSubTitle : true,
        multiLine : 1,
    });
    lv.set([{
        title : "周边美食",
        describe:"美食",
        note:"美食",
        icon:"./css/res/ss1.jpg",
        id:"1"
    }, {
        title : "周边美食",
        describe:"美食",
        note:"美食",
        icon:"./css/res/ss2.jpg",
        id:"2"
    }])
    lv.on("click",function(ele,obj,curEle){
    })
 </script>
</html>